@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{font-size:20px;}
body {line-height: 1;font-size:0.8rem;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
body {font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #626262;background: red;}
input, textarea {outline: 0; resize: none;}
body {background: #f4f4f4;}
a,a:visited{text-decoration: none; color: #626262;}
a:focus, a:hover{outline: none;}
::-webkit-input-placeholder{
    color: #d8d8d8 !important;
}
a, img {
    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none; }
input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none;}
.wrapper{min-width: 300px; max-width: 600px; margin: 0 auto;}
.main{padding: 0.5rem;}
.clearfix{clear:both;zoom:1} /*清除浮动*/
.clearfix:after{clear:both;display:block;height:0;font-size:0;content:".";visibility:hidden;}
.fl{float: left}
.fr{float: right;}
.ml10{margin-left: 0.5rem;}
.mr10{margin-right: 0.5rem;}
.mt10{margin-top: 0.5rem;}
.mt15{margin-top: 0.75rem;}
.mt20{margin-top: 1rem;}
.mt30{margin-top: 1.5rem;}
.mt60{margin-top: 3rem;}
.ptb15{padding: 0.6rem 0;}
.va{vertical-align: middle;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.border-r5{border-radius: 5px;-webkit-border-radius: 5px;}
.fix-box{background: #fff;}
.border-bm{border-bottom: 1px solid #eee;}
/*header*/
.index-header{background: #2e2d33;width: 100%;display: box;display: -webkit-box;padding: 10px 0;}
.index-header a{display: block;width: 20px;height: 24px;background: url(../images/back.png) no-repeat 0 0; background-size: 14px auto;-webkit-background-size: 14px auto;margin: 0 0 0 10px;}
.index-header h2{text-align: center;line-height: 1.2;color: #fff;font-size: 1rem;-webkit-box-flex: 1; box-flex: 1;text-indent: -30px;}

.details-header{background: #2e2d33;width: 100%;display: box;display: -webkit-box;padding: 10px 0;position: relative;}
.details-header .goback{display: block;width: 20px;height: 24px;background: url(../images/back.png) no-repeat 0 0; background-size: 14px auto;-webkit-background-size: 14px auto;margin: 0 0 0 10px;}
.details-header h2{text-align: center;line-height: 1.2;color: #fff;font-size: 1rem;-webkit-box-flex: 1; box-flex: 1;text-indent: -30px;}
.details-header .menu{display: block;width: 30px;height: 24px;background: url(../images/head-menu.png) no-repeat 0 center;background-size: 30px auto;margin-right: 10px;}
/*菜单浮动操作*/
.menu-col{position: absolute;top: 50px;right: 5px;z-index: 150;}
.hide{display: none;}
.menu-col .box{width: 100px;background: #2d2c2e;opacity: .8;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #7f7e7e;position: relative;}
.menu-col .box a{display: block;line-height: 1.8;color: #e5e5e5;}
.menu-col .box a:first-child{border-bottom: 1px solid #fff;}
.menu-col .box:before{content: "";background: url(../images/arrow-top.png) no-repeat;width: 22px;height: 10px;top: -10px;right: 10px;position: absolute;}
.nav-order-info{width: 100%;display: block;background: #2e2d33;line-height: 1.5;border-top: 1px solid #46454c;color: #fff;text-indent: 10px;}
.link-btn{ display: -webkit-box; margin: 0 0 20px -10px; }
.btn{background: #00a0e9; border: 0; border-radius: 6px; box-shadow: 0 6px 0 #0081bc; color: #fff; width: 100%; text-align: center;  height: 50px; line-height: 2.5; cursor: pointer; font-family: inherit; text-decoration: none; outline: none; -webkit-box-flex: 1; box-flex: 1; display: block; margin-left: 10px;}
.btn:visited{color: #fff;}
.btn-orange{background: #ec6941; box-shadow: 0 6px 0 #d85932; }
.btn-green{background: #2bb367; box-shadow: 0 6px 0 #0d9147;}
/**弹出框组件***/
.popup-mask,.toast-mask,.login-toast-mask,.popcity-mask{background: #222; display: none; position: fixed; z-index: 120; left: 0; right:0; top:0; bottom: 0; opacity: 0.5;}
.popcity-mask{z-index: 1;display: block;}
.popup{display: none; position: fixed; z-index: 125; top: 0; overflow: hidden;margin: 0 auto;max-width: 80%;}
.popup .add{padding-top:20px;}
.popup-title{text-align: center; color: #050505; padding: 10px; font-weight: 600;border-bottom: 1px solid #e3e3e3;}
.popup-content{padding: 10px; line-height: 1.2em;}
.popup-text-center{text-align: center; padding-top: 20px;color: #8a8a8a;}
.popup-btns{text-align: right; display: -webkit-box; padding: 10px;}
.popup-btns>a{-webkit-box-flex: 1; box-flex: 1; padding: 12px; display: block; text-align: center; background: #fff; border-radius: 5px; width: 100%;border: 1px solid #f49e10;}
.popup-btns .sure{background-color: #f49e10; color: #fff;}
/*支付弹层内容区样式*/
.payment-layer{font-size:0.7rem;color:#474747;line-height:1.5em;text-align:center;}
.payment-layer span{margin-left:10px;}
.payment-layer .note{color:#ff672f;font-size:0.9rem;line-height:1.5em;}
.payment-layer .tips{color:#8a8a8a;font-size:0.6rem;}
/**提示组件****/
.toast{ width: 100%; position: fixed; top: 50%; left: 0; z-index: 125; text-align: center; display: none;opacity: 0;}
.toast-wrap{background: #eee; border-radius: 5px; display: inline-block; max-width: 80%; padding: 30px; margin: 0 auto; }
/*登陆框*/
.login-toast{width: 100%; position: fixed; top: 50%; left: 0; z-index: 125; text-align: center; display: none;}
.login-toast-wrap{background: #f8f8f8; border-radius: 5px; display: inline-block; max-width: 75%; padding: 20px; margin: 0 auto;}
.pop-login h2{padding-bottom: 10px;color: #050505;}
.pop-login p{display: box;display: -webkit-box;margin-top: 15px;background: #fff;border-radius: 5px;-webkit-border-radius: 5px;padding: 4px 0;}
.pop-login p:nth-child(2){border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;}
.pop-login p:nth-child(3){margin-top: 0;border-top: 1px solid #eee;border-top-left-radius: 0;-webkit-border-top-left-radius: 0;}
.pop-login p input{border-radius: 5px;-webkit-border-radius: 5px;}
.pop-login p input[type="number"]{box-flex: 1;-webkit-box-flex: 1;display: block;border: 0 none;background: #fff;width: 100%;padding: 6px;-webkit-appearance: none;line-height: 20px;}
.pop-login p input[type="number"]::-webkit-input-placeholder{color: #ddd;}
.pop-login p input[type="button"]{width: 74px;color: #fff; font-size: 0.6rem; background: #f49e10;padding: 12px 0;margin-right: 5px;}
.pop-login p input[type="button"][disabled="disabled"]{background: #ddd;}
.pop-login p a{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #f49e10;border-radius: 5px;-webkit-border-radius: 5px;}

/*查看禁止事项*/
.info-mask{background: #222; display: none; position: fixed; z-index: 120; left: 0; right:0; top:0; bottom: 0; opacity: 0.5;}
.checkInfo-toast{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 125;background: #fff;}
.checkInfo-toast h2{position: fixed;top: 0;left: 0;width: 100%;height: 2rem;line-height: 2rem;text-align: center;background: #eee;}
.infoBox{padding: 50px 10px 10px 10px;color: #666;}
.infoBox a{display: inline-block;width: 100%;height: 40px;line-height: 40px;text-align: center;background: #f49e10;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;margin-top: 20px;}
/*录音*/
.voiceToast{position: fixed;top: 50%;left: 50%;z-index: 124;padding: 10px; text-align: center; display: none;width: 140px;background: #4C4C4C;border-radius: 5px;-webkit-border-radius: 5px;}

/**弹窗动画****/
@-webkit-keyframes scaleIn {
    0% {opacity: 0;-webkit-transform: scale(0.5)}
    100% {opacity: 1;-webkit-transform: scale(1)}
}
@-webkit-keyframes scaleOut {
    0% {opacity: 1;-webkit-transform: scale(1)}
    100% {opacity: 0;-webkit-transform: scale(0.5)}
}
.scaleIn{
    -webkit-animation-name: scaleIn;
}
.scaleOut{
    -webkit-animation-name: scaleOut;
}

@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
}
.fadeInDown{
    -webkit-animation-name: fadeInDown;
}